<script>
	// app.js
	export default {
		data() {
			return {};
		},
		onLaunch() {
			// 展示本地存储能力
			// const logs = uni.getStorageSync('logs') || [];
			// logs.unshift(Date.now());
			// wx.setStorageSync('logs', logs)

			// 登录
			// wx.login({
			//   success: res => {
			//     // 发送 res.code 到后台换取 openId, sessionKey, unionId
			//   }
			// })
		},
		globalData: {
			userInfo: null
		}
	};
</script>
<style>
	/**app.wxss**/
	/* 全局样式 */

	page {
		background-color: #ffffff;
	}

	view,
	text {
		font-size: 26rpx;
		/* box-sizing: border-box; */
	}

	box-border {
		box-sizing: border-box;
	}

	.box-border {
		box-sizing: border-box;
	}

	/* 布局样式 */
	.container {
		display: flex;
		width: 100%;
		flex-direction: column;
		/* align-items: center; */
		box-sizing: border-box;
		padding: 0;
		margin: 0;
	}

	.pagebg {
		background-image: url('https://api.accuread.cn/app/pagebg.svg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		/* 底部居中 */
		background-size: 100% auto;
		/* 宽度自动，高度固定为 200px（按需调整） */
	}

	.vh100 {
		height: 100vh;
	}

	.vwid100 {
		width: 100%;
	}

	.vwid1002 {
		flex: 1;
	}
	.vwid1003 {
		width: 100vw;
	}

	.m-content {
		flex: 1;
		width: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.m-content2 {
		/* flex: 1; */
		border-radius: 50rpx;
		background: rgba(255, 255, 255, 1);
		margin-left: 468rpx;
		margin-right: 468rpx;
		border: 1rpx solid rgba(60, 93, 135, 0.5);
		/* min-width: 1200rpx; */
		/* width: 100%; */
		/* 	overflow-x: scroll;
			overflow-y: scroll;
		-webkit-overflow-scrolling: touch; */

	}

	.position_re {
		position: relative;
		z-index: 100;
	}

	.position_ab {
		position: absolute;
		z-index: 10;
	}

	.bot-bar,
	.top-bar {
		flex: 0 0 auto;
		z-index: 999;
		width: 100%;
	}

	.view_shadow {
		box-shadow: 0 3rpx 6rpx rgba(201, 201, 201, 0.35);
	}

	.white_bg {
		background-color: #fff;
	}

	.white_bg_r20 {
		background-color: #fff;
		border-radius: 20rpx;
	}

	.white_bg_r31 {
		background-color: #fff;
		border-radius: 31rpx;
	}

	.flex_column {
		display: flex;
		flex-direction: column;
	}

	.fbox {
		display: flex;
	}

	.flex_row {
		display: flex;
		flex-direction: row;
	}

	.fbox_wrap {
		flex-wrap: wrap;
	}

	.flex_between {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.flex_between2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.flex_between3 {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		/* align-items: center; */
		width: 100%;
	}

	.flex_around {
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
	}

	.flex_around2 {
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
		align-items: center;
		/* width: 100%; */
	}

	.flex_end {
		display: flex;
		justify-content: flex-end;
	}

	.fbox-jcenter {
		justify-content: center;
	}

	.acenter {
		align-items: center;
	}

	.astart {
		align-items: flex-start;
	}

	.aend {
		align-items: flex-end;
	}

	/* 图片 */
	.block-img {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 1;
	}

	.block-img.roundarr {
		border-radius: 20rpx;
	}

	.block100-img {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 0;
	}

	/* 文字常用字号 */
	.f18 {
		font-size: 18rpx;
	}

	.f20 {
		font-size: 20rpx;
	}

	.f22 {
		font-size: 22rpx;
	}

	.f23 {
		font-size: 23rpx;
	}

	.f24 {
		font-size: 24rpx;
	}

	.f25 {
		font-size: 25rpx;
	}

	.f26 {
		font-size: 26rpx;
	}

	.f27 {
		font-size: 27rpx;
	}

	.f28 {
		font-size: 28rpx;
	}

	.f30 {
		font-size: 30rpx;
	}

	.f32 {
		font-size: 32rpx;
	}

	.f34 {
		font-size: 34rpx;
	}

	.f35 {
		font-size: 35rpx;
	}

	.f36 {
		font-size: 36rpx;
	}

	.f40 {
		font-size: 40rpx;
	}

	.f48 {
		font-size: 48rpx;
	}

	.f52 {
		font-size: 52rpx;
	}

	.f68 {
		font-size: 68rpx;
	}

	/*删除线*/
	.text-delete {
		text-decoration: line-through;
	}

	/*线条*/
	.topLine {
		border-top: 1px solid #ededed;
	}

	.topLine-d8 {
		border-top: 1px solid #d8d8d8;
	}

	.topLine-e2 {
		border-top: 1px solid #e2e2e2;
	}

	.bottomLine {
		border-bottom: 1rpx solid #ececec;
	}

	.bottomLine-ed {
		border-bottom: 1rpx solid #ededed;
	}

	.bottomLine-ed2 {
		border-bottom: 2rpx solid #ededed;
	}

	.bottomLine_33 {
		border-bottom: 1rpx solid #333333;
	}

	.bottomLine-f5 {
		border-bottom: 2rpx solid #f5f7f7;
	}

	.leftLine {
		border-left: 1px solid #ececec;
	}

	/*font-color*/
	.white_font {
		color: #fff;
	}

	.green_font {
		color: #2da03c;
	}

	.blue_font {
		color: #5773d0;
	}

	.blue_font2 {
		color: #557dff;
	}

	.blue_font3 {
		color: #1662c9;
	}

	.biue_font4 {
		color: #345799;
	}

	.black_000 {
		color: #000;
	}

	.black_333 {
		color: #333;
	}

	.black_444 {
		color: #44496f;
	}

	.black_font_666 {
		color: #666;
	}

	.black_999 {
		color: #999;
	}

	.red_font {
		color: #ff5254;
	}

	.red_font2 {
		color: #ff5b5b;
	}

	.gray_font_999 {
		color: #aaa;
	}

	.gray_font_ccc {
		color: #ccc;
	}

	.gray_font_eee {
		color: #eee;
	}

	.yellow_font {
		color: #ff9d00;
	}

	.yellow_font2 {
		color: #f37d33;
	}

	.yellow_font3 {
		color: #d17f00;
	}

	.yellow_font4 {
		color: #c57800;
	}

	/*font-style*/

	.bold_font {
		font-weight: 700;
	}

	.bold_font_600 {
		font-weight: 600;
	}

	.bold_font_500 {
		font-weight: 500;
	}

	.content_center {
		align-items: center;
		justify-content: center;
	}

	.text_center {
		text-align: center;
	}

	.text_right {
		text-align: right;
	}

	.line_font {
		text-decoration: line-through;
	}

	.comment_inner {
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 2;
		/** 显示的行数 **/
		overflow: hidden;
		/** 隐藏超出的内容 **/
	}

	.comment_inner.one {
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 1;
		/** 显示的行数 **/
		overflow: hidden;
		/** 隐藏超出的内容 **/
	}

	.visibi_hide {
		visibility: hidden;
	}

	/* margin/padding */
	.ml_1 {
		margin-left: 1rpx;
	}

	.ml_2 {
		margin-left: 2rpx;
	}

	.ml_3 {
		margin-left: 3rpx;
	}

	.ml_4 {
		margin-left: 4rpx;
	}

	.ml_5 {
		margin-left: 5rpx;
	}

	.ml_6 {
		margin-left: 6rpx;
	}

	.ml_7 {
		margin-left: 7rpx;
	}

	.ml_8 {
		margin-left: 8rpx;
	}

	.ml_9 {
		margin-left: 9rpx;
	}

	.ml_10 {
		margin-left: 10rpx;
	}

	.ml_11 {
		margin-left: 11rpx;
	}

	.ml_12 {
		margin-left: 12rpx;
	}

	.ml_13 {
		margin-left: 13rpx;
	}

	.ml_14 {
		margin-left: 14rpx;
	}

	.ml_15 {
		margin-left: 15rpx;
	}

	.ml_16 {
		margin-left: 16rpx;
	}

	.ml_17 {
		margin-left: 17rpx;
	}

	.ml_18 {
		margin-left: 18rpx;
	}

	.ml_19 {
		margin-left: 19rpx;
	}

	.ml_20 {
		margin-left: 20rpx;
	}

	.ml_21 {
		margin-left: 21rpx;
	}

	.ml_22 {
		margin-left: 22rpx;
	}

	.ml_23 {
		margin-left: 23rpx;
	}

	.ml_24 {
		margin-left: 24rpx;
	}

	.ml_25 {
		margin-left: 25rpx;
	}

	.ml_26 {
		margin-left: 26rpx;
	}

	.ml_27 {
		margin-left: 27rpx;
	}

	.ml_28 {
		margin-left: 28rpx;
	}

	.ml_29 {
		margin-left: 29rpx;
	}

	.ml_30 {
		margin-left: 30rpx;
	}

	.ml_31 {
		margin-left: 31rpx;
	}

	.ml_32 {
		margin-left: 32rpx;
	}

	.ml_34 {
		margin-left: 34rpx;
	}

	.ml_35 {
		margin-left: 35rpx;
	}

	.ml_36 {
		margin-left: 36rpx;
	}

	.ml_38 {
		margin-left: 38rpx;
	}

	.ml_39 {
		margin-left: 39rpx;
	}

	.ml_40 {
		margin-left: 40rpx;
	}

	.ml_44 {
		margin-left: 44rpx;
	}

	.ml_46 {
		margin-left: 46rpx;
	}

	.ml_50 {
		margin-left: 50rpx;
	}

	.ml_52 {
		margin-left: 52rpx;
	}

	.ml_55 {
		margin-left: 55rpx;
	}

	.ml_58 {
		margin-left: 58rpx;
	}

	.ml_60 {
		margin-left: 60rpx;
	}

	.ml_65 {
		margin-left: 65rpx;
	}

	.ml_70 {
		margin-left: 70rpx;
	}

	.ml_77 {
		margin-left: 77rpx;
	}

	.ml_83 {
		margin-left: 83rpx;
	}

	.ml_100 {
		margin-left: 100rpx;
	}

	.ml_115 {
		margin-left: 115rpx;
	}

	.ml_160 {
		margin-left: 160rpx;
	}

	.ml_180 {
		margin-left: 180rpx;
	}

	.ml_306 {
		margin-left: 306rpx;
	}

	.mr_2 {
		margin-right: 2rpx;
	}

	.mr_3 {
		margin-right: 3rpx;
	}

	.mr_6 {
		margin-right: 6rpx;
	}

	.mr_7 {
		margin-right: 7rpx;
	}

	.mr_10 {
		margin-right: 10rpx;
	}

	.mr_14 {
		margin-right: 14rpx;
	}

	.mr_15 {
		margin-right: 15rpx;
	}

	.mr_16 {
		margin-right: 16rpx;
	}

	.mr_20 {
		margin-right: 20rpx;
	}

	.mr_22 {
		margin-right: 22rpx;
	}

	.mr_23 {
		margin-right: 23rpx;
	}

	.mr_24 {
		margin-right: 24rpx;
	}

	.mr_25 {
		margin-right: 25rpx;
	}

	.mr_27 {
		margin-right: 27rpx;
	}

	.mr_29 {
		margin-right: 29rpx;
	}

	.mr_30 {
		margin-right: 30rpx;
	}

	.mr_32 {
		margin-right: 32rpx;
	}

	.mr_34 {
		margin-right: 34rpx;
	}

	.mr_35 {
		margin-right: 35rpx;
	}

	.mr_44 {
		margin-right: 44rpx;
	}

	.mr_46 {
		margin-right: 46rpx;
	}

	.mr_48 {
		margin-right: 48rpx;
	}

	.mr_50 {
		margin-right: 50rpx;
	}
	.mr_60 {
		margin-right: 60rpx;
	}
	
	.mr_80 {
		margin-right: 80rpx;
	}

	.mt_2 {
		margin-top: 2rpx;
	}

	.mt_3 {
		margin-top: 3rpx;
	}

	.mt_4 {
		margin-top: 4rpx;
	}

	.mt_5 {
		margin-top: 5rpx;
	}

	.mt_6 {
		margin-top: 6rpx;
	}

	.mt_7 {
		margin-top: 7rpx;
	}

	.mt_8 {
		margin-top: 8rpx;
	}

	.mt_9 {
		margin-top: 9rpx;
	}

	.mt_10 {
		margin-top: 10rpx;
	}

	.mt_11 {
		margin-top: 11rpx;
	}

	.mt_12 {
		margin-top: 12rpx;
	}

	.mt_14 {
		margin-top: 14rpx;
	}

	.mt_15 {
		margin-top: 15rpx;
	}

	.mt_16 {
		margin-top: 16rpx;
	}

	.mt_17 {
		margin-top: 17rpx;
	}

	.mt_18 {
		margin-top: 18rpx;
	}

	.mt_19 {
		margin-top: 19rpx;
	}

	.mt_20 {
		margin-top: 20rpx;
	}

	.mt_22 {
		margin-top: 22rpx;
	}

	.mt_23 {
		margin-top: 23rpx;
	}

	.mt_24 {
		margin-top: 24rpx;
	}

	.mt_25 {
		margin-top: 25rpx;
	}

	.mt_26 {
		margin-top: 26rpx;
	}

	.mt_27 {
		margin-top: 27rpx;
	}

	.mt_28 {
		margin-top: 28rpx;
	}

	.mt_30 {
		margin-top: 30rpx;
	}

	.mt_32 {
		margin-top: 32rpx;
	}

	.mt_34 {
		margin-top: 34rpx;
	}

	.mt_35 {
		margin-top: 35rpx;
	}

	.mt_38 {
		margin-top: 38rpx;
	}

	.mt_40 {
		margin-top: 40rpx;
	}

	.mt_42 {
		margin-top: 42rpx;
	}

	.mt_45 {
		margin-top: 45rpx;
	}

	.mt_48 {
		margin-top: 48rpx;
	}

	.mt_50 {
		margin-top: 50rpx;
	}

	.mt_54 {
		margin-top: 54rpx;
	}

	.mt_55 {
		margin-top: 55rpx;
	}

	.mt_60 {
		margin-top: 60rpx;
	}

	.mt_62 {
		margin-top: 62rpx;
	}

	.mt_65 {
		margin-top: 65rpx;
	}

	.mt_67 {
		margin-top: 67rpx;
	}

	.mt_70 {
		margin-top: 70rpx;
	}

	.mt_74 {
		margin-top: 74rpx;
	}

	.mt_75 {
		margin-top: 75rpx;
	}

	.mt_76 {
		margin-top: 76rpx;
	}

	.mt_80 {
		margin-top: 80rpx;
	}

	.mt_90 {
		margin-top: 90rpx;
	}

	.mt_94 {
		margin-top: 94rpx;
	}

	.mt_96 {
		margin-top: 96rpx;
	}

	.mt_105 {
		margin-top: 105rpx;
	}

	.mt_110 {
		margin-top: 110rpx;
	}

	.mt_115 {
		margin-top: 115rpx;
	}

	.mt_117 {
		margin-top: 117rpx;
	}

	.mt_120 {
		margin-top: 120rpx;
	}

	.mt_140 {
		margin-top: 140rpx;
	}

	.mt_108 {
		margin-top: 108rpx;
	}

	.mt_128 {
		margin-top: 128rpx;
	}

	.mt_153 {
		margin-top: 153rpx;
	}

	.mt_180 {
		margin-top: 180rpx;
	}

	.mt_500 {
		margin-top: 500rpx;
	}

	.mb_5 {
		margin-bottom: 5rpx;
	}

	.mb_10 {
		margin-bottom: 10rpx;
	}

	.mb_15 {
		margin-bottom: 15rpx;
	}

	.mb_18 {
		margin-bottom: 18rpx;
	}

	.mb_20 {
		margin-bottom: 20rpx;
	}

	.mb_25 {
		margin-bottom: 25rpx;
	}

	.mb_30 {
		margin-bottom: 30rpx;
	}

	.mb_38 {
		margin-bottom: 38rpx;
	}

	.mb_40 {
		margin-bottom: 40rpx;
	}

	.mb_50 {
		margin-bottom: 50rpx;
	}

	.mb_60 {
		margin-bottom: 60rpx;
	}

	.mb_75 {
		margin-bottom: 75rpx;
	}

	.mlr_12 {
		margin-left: 12rpx;
		margin-right: 12rpx;
	}

	.mlr_20 {
		margin-left: 20rpx;
		margin-right: 20rpx;
	}

	.mlr_30 {
		margin-left: 30rpx;
		margin-right: 30rpx;
	}

	.mlr_45 {
		margin-left: 45rpx;
		margin-right: 45rpx;
	}

	.mlr_68 {
		margin-left: 68rpx;
		margin-right: 68rpx;
	}

	.pl_10 {
		padding-left: 10rpx;
	}

	.pl_12 {
		padding-left: 12rpx;
	}

	.pl_13 {
		padding-left: 13rpx;
	}

	.pl_20 {
		padding-left: 20rpx;
	}

	.pl_22 {
		padding-left: 22rpx;
	}

	.pl_23 {
		padding-left: 23rpx;
	}

	.pl_24 {
		padding-left: 24rpx;
	}

	.pl_30 {
		padding-left: 30rpx;
	}

	.pr_10 {
		padding-right: 10rpx;
	}

	.pr_12 {
		padding-right: 12rpx;
	}

	.pr_13 {
		padding-right: 13rpx;
	}

	.pr_20 {
		padding-right: 20rpx;
	}

	.pr_22 {
		padding-right: 22rpx;
	}

	.pr_23 {
		padding-right: 23rpx;
	}

	.pr_24 {
		padding-right: 24rpx;
	}

	.pt_18 {
		padding-top: 18rpx;
	}

	.pt_20 {
		padding-top: 20rpx;
	}

	.pt_28 {
		padding-top: 28rpx;
	}

	.pt_30 {
		padding-top: 30rpx;
	}

	.pt_36 {
		padding-top: 36rpx;
	}

	.pb_6 {
		padding-bottom: 6rpx;
	}

	.pb_10 {
		padding-bottom: 10rpx;
	}

	.pb_18 {
		padding-bottom: 18rpx;
	}

	.pb_20 {
		padding-bottom: 20rpx;
	}

	.pb_23 {
		padding-bottom: 23rpx;
	}

	.pb_25 {
		padding-bottom: 25rpx;
	}

	.pb_30 {
		padding-bottom: 30rpx;
	}

	.pb_34 {
		padding-bottom: 34rpx;
	}

	.pb_38 {
		padding-bottom: 38rpx;
	}

	.pb_46 {
		padding-bottom: 46rpx;
	}

	.pb_48 {
		padding-bottom: 48rpx;
	}

	.pb_50 {
		padding-bottom: 50rpx;
	}

	.pb_77 {
		padding-bottom: 77rpx;
	}

	.pb_85 {
		padding-bottom: 85rpx;
	}

	.plr_30 {
		padding-left: 30rpx;
		padding-right: 30rpx;
	}

	.plr_46 {
		padding-left: 46rpx;
		padding-right: 46rpx;
	}

	.ptb_5 {
		padding-top: 5rpx;
		padding-bottom: 5rpx;
	}

	.ptb_10 {
		padding-top: 10rpx;
		padding-bottom: 10rpx;
	}

	/*空白页面*/

	.flex_cc_box {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100vw;
		align-items: center;
		justify-content: center;
	}

	.flex_cc_box image {
		display: block;
		width: 40%;
		height: 100vw;
	}

	.flex_cc_box_autoh {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 30rpx 0;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.flex_cc_box_autoh image {
		display: block;
		width: 40%;
		height: 100vw;
	}

	/* button */
	.warnview {
		width: 110rpx;
		height: 37rpx;
		line-height: 37rpx;
		background: rgba(255, 185, 164, 0.15);
		/* background: #FFB9A4; */
		border-radius: 6rpx;
	}

	.warntv {
		font-size: 20rpx;
		color: #ff6537;
		line-height: 28rpx;
	}

	.loading {
		font-size: 30rpx;
		padding-bottom: 25rpx;
		padding-top: 25rpx;
		color: #999;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.outline_gray_but {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1rpx solid #ccc;
		height: 60rpx;
		padding: 0 35rpx;
		border-radius: 60rpx;
	}

	.outline_green_but {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1rpx solid #35bc75;
		height: 60rpx;
		padding: 0 35rpx;
		border-radius: 60rpx;
		color: #35bc75;
		background-color: #fff;
	}

	.green_but {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1rpx solid #35bc75;
		height: 60rpx;
		padding: 0 35rpx;
		border-radius: 60rpx;
		color: #fff;
		background-color: #35bc75;
	}

	.green_but.big {
		height: 90rpx;
	}

	.red_but {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1rpx solid red;
		height: 60rpx;
		padding: 0 35rpx;
		border-radius: 60rpx;
		color: #fff;
		background-color: red;
	}

	.red-btn {
		display: flex;
		border-radius: 20rpx;
		background-color: #ff5254;
		color: #fff;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 32rpx;
		padding: 15rpx 0;
		width: 100%;
	}

	.blue-btn {
		display: flex;
		border-radius: 8rpx;
		background-color: #557dff;
		color: #fff;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 32rpx;
		width: 100%;
	}

	/*弹窗*/
	.dark {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		overflow: hidden;
	}

	.dark .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(51, 51, 51, 0.5);
	}

	.dark .bg2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* background: rgba(51, 51, 51, 0.5); */
	}

	.commodity_screen {
		width: 100%;
		height: 100%;
		position: fixed;
		align-items: center;
		justify-content: center;
		display: flex;
		flex-direction: column;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.2);
		overflow: hidden;
		z-index: 1000;
	}

	.commodity_screen2 {
		width: 100%;
		height: 100%;
		position: fixed;
		align-items: center;
		justify-content: center;
		display: flex;
		flex-direction: column;
		top: 0;
		left: 0;
		/* background: rgba(0, 0, 0, 0.2); */
		overflow: hidden;
		z-index: 2000;
	}


	.commodity_screen_luce {
		width: 100%;
		height: 100%;
		position: fixed;
		display: flex;
		flex-direction: column;
		top: 0;
		left: 0;
		/* background: rgba(0, 0, 0, 0.2); */
		overflow: hidden;
		z-index: 2000;
	}

	.commodity_screen_luce2 {
		width: 100%;
		height: 100%;
		position: fixed;
		display: flex;
		flex-direction: column;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.2);
		overflow: hidden;
		z-index: 2000;
	}

	.commodity_screen_game {
		width: 100%;
		height: 100%;
		position: fixed;
		display: flex;
		flex-direction: column;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.2);
		overflow: hidden;
		z-index: 2000;
	}

	.modal-dialog-gamecontent {
		position: fixed;
		/* bottom: 0; */
		width: auto;
		bottom: 20%;
		left: 20%;
		right: 20%;
		z-index: 1001;
		width: 1750rpx;
		height: auto;
		display: flex;
		flex-direction: column;
		border-radius: 83rpx;
		background: linear-gradient(180deg, rgba(255, 251, 248, 1) 0%, rgba(242, 231, 227, 1) 100%);
	}

	.pop_game_title_left {
		width: 53rpx;
		height: 53rpx;
		position: absolute;
		left: 10rpx;
		bottom: 3rpx;
		z-index: 1002;
	}

	.pop_game_title {
		width: 332rpx;
		height: 62rpx;
	}

	.pop_game_gif {
		width: 280rpx;
		height: 205rpx;
		position: relative;
		z-index: 1002;
		top: -50rpx
	}

	.pop_game_tv {
		font-size: 30rpx;
		font-weight: 500;
		line-height: 50rpx;
		color: rgba(56, 56, 56, 1);
		margin-right: 130rpx;
		margin-left: 20rpx;
	}

	.pop_game_jumptv {
		font-size: 30rpx;
		font-weight: 600;
		line-height: 50rpx;
		color: rgba(42, 130, 228, 1);
		position: absolute;
		z-index: 1002;
		right: 130rpx;
		bottom: 50rpx
	}

	.modal-dialog {
		position: fixed;
		/* bottom: 0; */
		width: auto;
		top: 40%;
		left: 30%;
		right: 30%;
		z-index: 99999;
		/* margin: 0; */
		/* width: 750rpx; */
		/* height: ; */
		/* max-height: 837rpx; */
		background: #ffffff;
		box-shadow: 0rpx 8rpx 38rpx 0rpx rgba(118, 166, 81, 0.2);
		border-radius: 23rpx;
	}

	.modal-dialog-notice {
		position: fixed;
		/* bottom: 0; */
		width: auto;
		top: 84rpx;
		right: 0;
		z-index: 99999;
		/* margin: 0; */
		width: 601rpx;
		/* width: 750rpx; */
		height: 1388rpx;
		/* max-height: 837rpx; */
		background: #ffffff;
		/* box-shadow: 0rpx 8rpx 38rpx 0rpx rgba(118, 166, 81, 0.2);
		border: 1rpx solid #cccccc; */
		/* border-radius: 23rpx ; */
	}

	.modal-dialog-notice2 {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 10%;
		left: 15%;
		z-index: 3000;
		width: 1885rpx;
		height: 85%;
		border-radius: 20rpx 20rpx, 20rpx, 20rpx;
		background: rgba(252, 252, 252, 1);
		border: 1rpx solid rgba(60, 93, 135, 0.5);
		backdrop-filter: blur(4rpx);

		background-image: url('https://api.accuread.cn/app/dialog-knowledge-bg.svg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		/* 底部居中 */
		background-size: 100% auto;
	}


	.modal-dialog-notice2-eval {
		display: flex;
		flex-direction: column;
		width: 520rpx;
		margin-top: 110rpx;
		border-radius: 5rpx;
		/* align-items: center;
		justify-content: center; */
		background: rgba(255, 255, 255, 1);
	}

	.modal-dialog-next {
		position: fixed;
		/* bottom: 0; */
		width: auto;
		top: 30%;
		left: 35%;
		right: 35%;
		z-index: 1001;
		/* margin: 0; */
		width: 30%;
		height: 100%;
		/* max-height: 837rpx; */
		/* background: #ffffff; */
		/* box-shadow: 0rpx 8rpx 38rpx 0rpx rgba(118, 166, 81, 0.2);
		border: 1rpx solid #cccccc; */
		/* border-radius: 23rpx ; */
	}

	.modal-dialog-knowledge {
		/* align-items: center; */
		/* justify-content: center; */
		display: flex;
		flex-direction: column;
		align-items: end;
		position: fixed;
		/* bottom: 0; */
		top: 10%;
		left: 15%;
		z-index: 99999;
		/* margin: 0; */
		width: 1885rpx;
		height: 85%;
		border-radius: 20rpx 20rpx, 20rpx, 20rpx;
		background: rgba(252, 252, 252, 1);
		border: 1rpx solid rgba(60, 93, 135, 1);
		backdrop-filter: blur(4rpx);

		background-image: url('https://api.accuread.cn/app/dialog-knowledge-bg.svg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;
		/* 底部居中 */
		background-size: 100% auto;
	}

	.modal-dialog-ailoading {
		position: fixed;
		/* bottom: 0; */
		width: auto;
		/* top: 30%;*/
		left: 35%;
		right: 35%;
		z-index: 1001;
		/* margin: 0; */
		width: 660rpx;
		height: auto;
		display: flex;
		flex-direction: column;
		/* max-height: 837rpx; */
		/* background: #ffffff; */
		/* box-shadow: 0rpx 8rpx 38rpx 0rpx rgba(118, 166, 81, 0.2);
		border: 1rpx solid #cccccc; */
		/* border-radius: 23rpx ; */
	}

	.ailoadingtopview {
		border-top-left-radius: 192rpx;
		border-top-right-radius: 192rpx;
		background: rgba(204, 204, 204, 0.49);
		height: 124rpx;
		position: relative;
		z-index: 1010;
	}

	.ailoadingbottomview {
		display: flex;
		flex-direction: row;
		position: relative;
		top: -30rpx;
		width: 660rpx;
		height: 230rpx;
		z-index: 1012;
	}

	.ailoadingbottomimg {
		width: 660rpx;
		height: 230rpx;
	}

	.ailoading-close-view {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 22rpx;
		right: 22rpx;
		/* width: 55rpx;
		height: 55rpx; */
	}

	.ailoading-close {
		width: 32rpx;
		height: 32rpx;
	}

	.ailoadingbottomtitle {
		width: 543rpx;
		height: 57rpx;
		position: absolute;
		left: 58rpx;
		bottom: 72rpx;
	}

	.ailoadinggif {
		width: 378rpx;
		height: 283rpx;
		position: absolute;
		left: 141rpx;
		top: -113rpx;
		z-index: 1022;
	}

	.modal-dialog-awardloading {
		position: fixed;
		/* bottom: 0; */
		width: auto;
		top: 35%;
		left: 40%;
		right: 40%;
		z-index: 1001;
		/* margin: 0; */
		width: 660rpx;
		height: auto;
		display: flex;
		flex-direction: column;
		/* max-height: 837rpx; */
		/* background: #ffffff; */
		/* box-shadow: 0rpx 8rpx 38rpx 0rpx rgba(118, 166, 81, 0.2);
		border: 1rpx solid #cccccc; */
		/* border-radius: 23rpx ; */
	}

	.awardloadingtopview {
		border-top-left-radius: 70rpx;
		border-top-right-radius: 70rpx;
		background: rgba(199, 197, 141, 0.49);
		height: 185rpx;
		position: relative;
		z-index: 1010;
	}

	.awardtitle {
		width: 235rpx;
		height: 57rpx;
		position: absolute;
		top: 26rpx;
		left: 228rpx;
	}

	.awardtv {
		font-size: 31rpx;
		line-height: 37rpx;
		font-weight: 700;
		color: #666005;
		position: absolute;
		top: 114rpx;
		left: 250rpx;
	}

	.awardgif {
		width: 1331rpx;
		height: 748rpx;
		position: absolute;
		left: -48%;
		top: -46%;
		z-index: 1022;
	}

	.awardbtnview {
		display: flex;
		flex-direction: row;
		width: 372rpx;
		height: 139rpx;
		border-radius: 20rpx;
		background: #FFFFFF;
		box-shadow: inset 0px -8px 0px #ADADAD;
		margin-left: 144rpx;
		margin-top: 40rpx;
		align-items: center;
		justify-content: center;
	}

	.awardbtnimg {
		width: 144rpx;
		height: 44rpx;
	}

	.modal-dialog-account {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 80rpx;
		right: 208rpx;
		z-index: 99999;
		border-radius: 5rpx;
		background: #ffffff;
		width: 443rpx;
	}

	.modal-dialog-account2 {
		display: flex;
		flex-direction: column;
		/* position: fixed; */
		/* top: 80rpx;
		right: 208rpx;
		z-index: 99999; */
		border-radius: 5rpx;
		background: #ffffff;
		width: 486rpx;
	}

	.modal-dialog-account-view {
		display: flex;
		flex-direction: column;
	}

	.pop-knowledge-topview {
		width: 208rpx;
		height: 64rpx;
	}

	/* uniapp新加 */
	.pop-next-topview {
		width: 964rpx;
		height: 336rpx;
	}

	.pop-next-view {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 60rpx;
		right: 60rpx;
		width: 80rpx;
		height: 80rpx;
	}

	.pop-next-close {
		/* width: 47rpx;
		height: 47rpx; */
		width: 0rpx;
		height: 0rpx;
	}

	.pop-knowledge-view {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 30rpx;
		right: 40rpx;
		width: 60rpx;
		height: 60rpx;
	}

	.pop-knowledge-close {
		width: 47rpx;
		height: 47rpx;
		/* width: 0rpx;
		height: 0rpx; */
	}

	.pop-tv-view {
		display: flex;
		flex-direction: row;
		width: 964rpx;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 240rpx;
	}

	.pop-tv {
		font-size: 46rpx;
		color: #40A3FF;
		/* line-height: 56px; */
		border-bottom: 4rpx solid #40A3FF;
	}

	.popbtnview {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		/* width: 350rpx; */
		/* height: 139rpx; */
		padding-left: 60rpx;
		padding-right: 60rpx;
		padding-top: 26rpx;
		padding-bottom: 26rpx;
		border-radius: 12px;
		background: #FFFFFF;
		box-shadow: inset 0px -4px 0px rgba(173, 173, 173, 0.25);
	}

	/* 鼠标悬浮效果 */
	::v-deep .popbtnview:hover {
		background: #FFFAFA;
		box-shadow: inset 0px -4px 0pxrgba(173, 173, 173, 0.25);
	}

	/* 鼠标点击效果 */
	/* 点击瞬间颜色 */
	::v-deep .popbtnview:active {
		background: #F7F2F2;
		box-shadow: inset 0px -4px 0px rgba(173, 173, 173, 0.25);
		/* transform: scale(0.95); */
		/* 点击动画 */
	}

	.popbtn {
		width: 187rpx;
		height: 57rpx;
	}

	.changeaccount {
		width: 126rpx;
		height: 32rpx;
	}

	.vwid10 {
		width: 100rpx;
	}

	.vwid20 {
		width: 20%;
	}

	/*响应式布局-媒体查询 手机<768 平板>768 <1024 PC >1024*/
	/*适应手机以及pad*/
	@media screen and (max-width: 1024px) {

		/*PC端 顶部view*/
		/* .pctopview {
			display: none
		} */

		/*中间内容view*/
		/* .middleView {
			display: flex;
			flex-direction: column;

		} */

		/*上一个、下一个view*/
		/* .leftiv,
		.rightiv {
			display: none
		} */

		/* .leftiv-top,
		.rightiv-top {
			width: 50rpx;
			height: 50rpx;
			margin-left: 30rpx;
			margin-right: 30rpx;
		} */

		/*手机端 英选中、中选英 选项view*/
		/* .quesview {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.que-itemview {
			width: 618rpx;
			border-radius: 31rpx 31rpx 31rpx 31rpx;
			border: 2rpx solid #ededed;
			padding: 33rpx 18rpx 31rpx 18rpx;
			margin-top: 38rpx;
		} */

		/*手机、平板端 显示底部view，电脑端隐藏*/
		/* .showBottom {
			flex: 0 0 auto;
			z-index: 999;
			width: 100%;

			display: flex;
			flex-direction: row;
			background-color: #ffffff;
			align-items: center;
			justify-content: space-between;
			box-shadow: 0rpx 8rpx 38rpx 0rpx rgba(118, 166, 81, 0.2);
			border-radius: 23rpx 23rpx 0rpx 0rpx;
		} */
		/*手机、平板端隐藏 ，电脑端显示*/
		/* .showSenBtn{
			display: none
		} */
	}

	/*适应PC端 宽度大于1024px*/
	/* @media screen and (min-width: 1024px) { */

	/*PC端 顶部view*/
	.pctopview {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		background-color: #FFFAED;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		border-bottom: 1rpx solid #E5E5E5;
	}

	.toplogo {
		width: 390rpx;
		height: 39rpx;
		margin-left: 175rpx;
	}

	.containerView {
		display: flex;
		flex-direction: row;
		/* align-items: center; */
		padding-left: 92rpx;
		padding-right: 92rpx;
		/* max-width: 80%; */
	}

	.middleView {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.middleView2 {
		display: flex;
		flex-direction: column;
		flex: 1;
		margin-left: 100rpx;
		margin-right: 50rpx;
	}

	.mar-r {
		margin-right: 20rpx;
	}

	.mar-l {
		margin-left: 20rpx;
	}

	.leftiv-top,
	.rightiv-top {
		display: none
	}

	.leftiv,
	.rightiv {
		width: 68rpx;
		height: 58rpx;
	}

	/*PC端 英选中、中选英 选项view*/
	.quesview {
		/* display: flex;
		flex-direction: row;
		flex-wrap: wrap; */
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* 两列等宽 */
		/* max-width: 1500rpx; */
		justify-content: center;

	}

	/* 常态效果 */
	.que-itemview {
		/* 	flex: 0 0 480rpx; */
		width: 480rpx;
		border-radius: 20rpx;
		border: 1rpx solid rgba(60, 93, 135, 0.5);
		padding: 50rpx 10rpx 50rpx 10rpx;
		margin-top: 90rpx;
		margin-right: 26rpx;
		margin-left: 26rpx;
	}

	/* 鼠标悬浮效果 */
	::v-deep .que-itemview:hover {
		background: rgba(255, 253, 247, 1);
		border: 1rpx solid rgba(110, 173, 255, 1);
	}

	/* 鼠标点击效果 */
	/* 点击瞬间颜色 */
	::v-deep .que-itemview:active {
		background: rgba(242, 254, 255, 1);
		border: 1rpx solid rgba(110, 173, 255, 1);
		/* transform: scale(0.95); */
		/* 点击动画 */
	}

	/*手机、平板端 显示底部view，电脑端隐藏*/
	.showBottom {
		display: none
	}

	/*手机、平板端隐藏 ，电脑端显示*/
	.showSenBtn {
		display: flex;
		flex-direction: row;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-top: 40rpx;
	}

	/* } */

	/*适应pad端以及PC端 宽度大于768px 限制最大宽度*/
	/* @media screen and (min-width: 1300px) {
		.middleView {
			display: flex;
			flex-direction: column;
			max-width: 80%;
		}
	} */
	.home_my {
		width: 42rpx;
		height: 42rpx;
	}

	.accountimg {
		width: 52rpx;
		height: 52rpx;
	}

	.accountname {
		color: #383838;
		font-size: 26rpx;
		line-height: 34rpx;
	}

	.accountphone {
		color: #383838;
		font-size: 23rpx;
		line-height: 30rpx;
	}

	.home_title {
		color: #083156;
		font-weight: 600;
		font-size: 31rpx;
		line-height: 40rpx;
	}

	.home_notice {
		width: 30rpx;
		height: 40rpx;
	}

	.home_change {
		width: 25rpx;
		height: 28rpx;
	}

	.pcTitle {
		color: #ffffff;
		font-weight: 600;
		font-size: 36rpx;
		text-align: center;
	}

	.pcRightView {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		padding-right: 208rpx;
	}

	.pageRightView {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.pcRightTitle {
		font-size: 26rpx;
		font-weight: 400;
		letter-spacing: 0px;
		/* line-height: 26.6px; */
		color: rgba(0, 24, 54, 1);
		/* padding-right: 10px;
		border-right: 1rpx solid #E5E5E5; */
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 1;
		/** 显示的行数 **/
		overflow: hidden;
		/** 隐藏超出的内容 **/
	}

	.interfacetopview {
		display: flex;
		flex-direction: row;
		/* height: 40rpx; */
		align-items: center;
		/* justify-content: center; */
		justify-content: space-between;
		/* 	position:relative; */
		width: 100%;
		margin-top: 60rpx;
		/* padding-top: 20rpx;
		padding-bottom: 20rpx; */
	}

	.interfacebackview {
		display: flex;
		flex-direction: row;
		align-items: center;
		position: relative;
		width: 142rpx;
		height: 58rpx;
		border-radius: 16rpx;
		background: #3C5D87;
		margin-left: 208rpx;
		/* padding-top: 20rpx;
		padding-bottom: 20rpx; */

	}

	.right-empt {
		display: flex;
		flex-direction: row;
		width: 142rpx;
		margin-right: 208rpx;
	}

	.interfaceback {
		width: 142rpx;
		height: 58rpx;
	}

	.interfacebacktv {
		position: absolute;
		font-size: 26rpx;
		color: #fff;
		font-weight: 600;
		/* top:13rpx; */
		left: 46rpx;
	}

	.wordtitleiv {
		width: 331rpx;
		height: 114rpx;
	}

	.cgtitleiv {
		width: 331rpx;
		height: 106rpx;
	}

	.grammartitleiv {
		width: 331rpx;
		height: 87rpx;
	}

	.interfaceTitle {
		color: #333333;
		font-weight: 600;
		font-size: 32rpx;
		text-align: center;
	}

	.interfaceiv {
		width: 48rpx;
		height: 48rpx;
	}

	.progress-box {
		width: 60%;
	}

	.word-progress-box {
		display: flex;
		flex-direction: row;
		border-radius: 35rpx;
		overflow: hidden;
		/* 关键 */
		width: 100%;
		box-sizing: border-box;
		margin-top: 42rpx;

	}

	.custom-progress {
		flex: 1;
		margin-left: 126rpx;
		margin-right: 126rpx;
	}

	.mao-left {
		width: 94rpx;
		height: 150rpx;
		position: absolute;
		left: -60rpx;
		bottom: 5rpx;
		z-index: 1;
	}

	.mao {
		width: 102rpx;
		height: 118rpx;
	}

	.mao-bottom {
		width: 154rpx;
		height: 26rpx;
	}

	.loginbottom {
		width: 755rpx;
		height: 533rpx;
	}

	.homebottomlogo {
		width: 518rpx;
		height: 366rpx;
	}

	.homestudytv {
		font-size: 31rpx;
		color: #383838;
		line-height: 65rpx;
	}

	/* 游戏化新增的样式*/

	.quicktitleiv {
		width: 338rpx;
		height: 64rpx;
	}

	.interfacebackview2 {
		display: flex;
		flex-direction: row;
		align-items: center;
		position: relative;
		width: 142rpx;
		height: 58rpx;
		border-radius: 16rpx;
		background: #3C5D87;
	}

	.mt_225 {
		margin-top: 225rpx;
	}

	.mt_235 {
		margin-top: 235rpx;
	}

	.mr_135 {
		margin-right: 135rpx;
	}

	.ml_135 {
		margin-left: 135rpx;
	}

	.ml_270 {
		margin-left: 270rpx;
	}

	.ml_275 {
		margin-left: 275rpx;
	}

	.modal-dialog-pop {
		display: flex;
		flex-direction: column;
		/* 	align-items: center; */
		position: relative;
		/* 	top: 10%;
		left: 15%; */
		z-index: 99999;
		width: 964rpx;
		height: 882rpx;
		/* 	border-radius: 20rpx 20rpx, 20rpx, 20rpx; */
		/* background: rgba(252, 252, 252, 1); */
		/* 	border: 1rpx solid rgba(60, 93, 135, 1); */
		/* backdrop-filter: blur(4rpx); */

		/* 	background-image: url('https://api.accuread.cn/app/dialog-knowledge-bg.svg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom center;*/
		/* 底部居中 */
		/* background-size: 100% auto; */
	}

	.modal-dialog-popbg {
		width: 964rpx;
		height: 882rpx;
		position: absolute;
		z-index: 1001;
	}

	.modal-dialog-closeview {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 138rpx;
		right: 53rpx;
		width: 60rpx;
		height: 60rpx;
		z-index: 1002;
	}

	.modal-dialog-closeimg {
		width: 60rpx;
		height: 60rpx;
	}

	.modal-dialog-timeview {
		display: flex;
		flex-direction: row;
		margin-top: 235rpx;
		/* justify-content: center;
		align-items: end; */
		position: relative;
		z-index: 1002;
	}

	.modal-dialog-timeimg {
		width: 104rpx;
		height: 94rpx;
		top: 5rpx;
		z-index: 1002;
	}

	.modal-dialog-timeimgbottombg {
		width: 611rpx;
		height: 32rpx;
		border-radius: 30px;
		background: #FFEB3B;
		position: absolute;
		bottom: 0rpx;
		z-index: 1002;
	}

	.modal-dialog-timetv {
		font-size: 62rpx;
		font-weight: 500;
		line-height: 74rpx;
		color: #78BEFF;
		z-index: 1002;
		margin-left: 20rpx;
	}

	.modal-dialog-title {
		width: 570rpx;
		height: 94rpx;
		margin-top: 110rpx;
		z-index: 1002;
	}

	.modal-dialog-discern-title {
		width: 350rpx;
		height: 57rpx;
		margin-top: 76rpx;
		z-index: 1002;
	}

	.modal-dialog-nextbtn {
		width: 371rpx;
		height: 139rpx;
		margin-top: 90rpx;
		z-index: 1002;
	}

	.modal-dialog-nextbtn2 {
		width: 371rpx;
		height: 139rpx;
		/* margin-top: 90rpx; */
		position: absolute;
		z-index: 1002;
	}

	.modal-dialog-nextbtn2-tv {
		width: 187rpx;
		height: 57rpx;
		z-index: 1002;
	}

	.modal-dialog-correctimg {
		width: 65rpx;
		height: 53rpx;
		z-index: 1002;
	}

	.modal-dialog-correcttv {
		font-size: 62rpx;
		font-weight: 500;
		line-height: 74rpx;
		color: #3C5D87;
		z-index: 1002;
		margin-left: 32rpx;
	}

	.modal-dialog-accuracyimg {
		width: 58rpx;
		height: 58rpx;
		z-index: 1002;
	}

	.modal-dialog-wordimg {
		width: 61rpx;
		height: 60rpx;
		z-index: 1002;
	}

	.aibg {
		margin-top: 450rpx;
		width: 493rpx;
		min-height: 295rpx;
		position: relative;
		border: 2rpx solid rgba(60, 93, 135, 0.56);
		border-radius: 12rpx;
		background: linear-gradient(180deg, rgba(255, 251, 248, 1) 0%, rgba(255, 243, 239, 1) 100%), rgba(240, 250, 255, 1);
		/* background-image: url('https://api.accuread.cn/app/quick-readword-aibg.svg');
		background-size: cover; */
		/* 使图片覆盖整个容器 */
		/* background-repeat: no-repeat; */
		/* background-position: center; */
		/* position: absolute; */

	}

	/* 右下角三角 */
	.aibg::after {
		content: '';
		position: absolute;
		left: 80%;
		bottom: -20rpx;
		/* 总高度=20rpx */
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 20rpx solid transparent;
		border-right: 20rpx solid transparent;
		border-top: 20rpx solid rgba(60, 93, 135, 0.56);
		/* 外层颜色 */
	}

	/* 内层白色填充三角（覆盖底部边框） */
	.aibg::before {
		content: '';
		position: absolute;
		left: 80%;
		bottom: -18rpx;
		/* 比外层高2rpx */
		transform: translateX(-50%);
		z-index: 1;
		width: 0;
		height: 0;
		border-left: 18rpx solid transparent;
		border-right: 18rpx solid transparent;
		border-top: 18rpx solid rgba(255, 243, 239, 1);
		/* 填充白色 */
	}

	.hint_read {
		width: 1223rpx;
		height: 842rpx;
		background-image: url('/static/images/hint_read.svg');
		background-size: cover;
		/* 使图片覆盖整个容器 */
		background-repeat: no-repeat;
		background-position: center;
	}
	.hint_word {
		width: 1223rpx;
		height: 842rpx;
		background-image: url('/static/images/hint_word.svg');
		background-size: cover;
		/* 使图片覆盖整个容器 */
		background-repeat: no-repeat;
		background-position: center;
	}
	.hint_rightview {
		display: flex;
		flex-direction: column;
		align-items: end;
		position: relative;
	}
	
	.hint_aibg {
		width: 493rpx;
		padding-bottom: 50rpx;
		min-height: 295rpx;
		position: relative;
		border: 2rpx solid rgba(60, 93, 135, 0.56);
		border-radius: 12rpx;
		background: linear-gradient(180deg, rgba(255, 251, 248, 1) 0%, rgba(255, 243, 239, 1) 100%), rgba(240, 250, 255, 1);
		/* background-image: url('https://api.accuread.cn/app/quick-readword-aibg.svg');
		background-size: cover; */
		/* 使图片覆盖整个容器 */
		/* background-repeat: no-repeat; */
		/* background-position: center; */
		/* position: absolute; */
	
	}
	
	/* 右下角三角 */
	.hint_aibg::after {
		content: '';
		position: absolute;
		left: 80%;
		bottom: -20rpx;
		/* 总高度=20rpx */
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 20rpx solid transparent;
		border-right: 20rpx solid transparent;
		border-top: 20rpx solid rgba(60, 93, 135, 0.56);
		/* 外层颜色 */
	}
	
	/* 内层白色填充三角（覆盖底部边框） */
	.hint_aibg::before {
		content: '';
		position: absolute;
		left: 80%;
		bottom: -18rpx;
		/* 比外层高2rpx */
		transform: translateX(-50%);
		z-index: 1;
		width: 0;
		height: 0;
		border-left: 18rpx solid transparent;
		border-right: 18rpx solid transparent;
		border-top: 18rpx solid rgba(255, 243, 239, 1);
		/* 填充白色 */
	}
	
	.hint_aicat-top {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: end;
		margin-top: 36rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	
	.hint_ai-cat {
		width: 70rpx;
		height: 64rpx;
	
	}
	
	.hint_ai-cat-word {
		border-radius: 8px;
		background: #FFFFFF;
	}
	
	.hint_ai-cat-tv {
		font-size: 31rpx;
		font-weight: 700;
		line-height: 41rpx;
		color: rgba(60, 93, 135, 1);
	}
	.hint_ai-cat-content {
		font-size: 31rpx;
		font-weight: 400;
		line-height: 41rpx;
		color: rgba(128, 128, 128, 1);
		margin-top: 50rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	
	.hint_aiimg {
		width: 313rpx;
		height: 310rpx;
		margin-top: 47rpx;
	}
	.hint_point{
		width: 40rpx;
		height: 40rpx;
		min-width: 40rpx;
		border-radius: 100rpx;
		background-color: rgba(255, 215, 69, 1);
		margin-top: 10rpx;
	}
	.hint_point_tv{
		font-size: 41rpx;
		line-height: 60rpx;
		color: rgba(112, 110, 110, 1);
	}
	.hine_read_next{
		width: 412rpx;
		height: 91rpx;
	}
</style>